<div id="contenedor">
    {if $cat_id == ""}
    <img src="{$smarty.const.BASE_WEB_ROOT}/img/banner-ofertas.jpg" width="990" height="193" />
    {else}
    <img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/categorias-cat_{$cat_id}" width="990" height="193" />
    {/if}
    <div id="contenido">
        {$ColLeft}
        <div id="col_right_2">
            <div class="buscador">
                <div class="ofertas">
                    {if $cat_nombre}<a href="{$smarty.const.WEB_ROOT}/categorias/{$cat_key}">{$cat_nombre}</a> - {/if}
                    {if $sub_nombre}<a href="{$smarty.const.WEB_ROOT}/categorias/{$cat_key}/{$sub_key}">{$sub_nombre}</a> - {/if}
                    {$producto.nombre}
                </div>
            </div>
            <div class="info_3" >
                <div style="position:relative;float:right;width:300px;height:25px;margin:0 30px 5px 0;text-align:right;">
                    {if $izquierda->pro_key != ""}
                    <a href="{$smarty.const.WEB_ROOT}/producto-detalle/{$izquierda->pro_key}">< Anterior</a>
                    {/if}
                    {if $izquierda->pro_key != "" && $derecha->pro_key != ""}&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;{/if}	
                    {if $derecha->pro_key != ""}
                    <a href="{$smarty.const.WEB_ROOT}/producto-detalle/{$derecha->pro_key}">Siguiente ></a>
                    {/if}
                </div>
                <div id="pro">
                    <div class="left" style="margin-bottom:20px">
                        <div id="gallery">
                            <ul>
                                <li class="placeholder" style="background-image:url({$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}/300:300);"></li>
                                {if $img2}<li><a class="swap" href="#gallery"><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_2/75:75" alt="" /><span><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_2/300:300" width="300" height="300" alt="" /></span></a></li>{/if}
                                {if $img3}<li><a class="swap" href="#gallery"><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_3/75:75" alt="" /><span><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_3/300:300" width="300" height="300" alt="" /></span></a></li>{/if}
                                {if $img4}<li><a class="swap" href="#gallery"><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_4/75:75" alt="" /><span><img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$producto.id}_4/300:300" width="300" height="300" alt="" /></span></a></li>{/if}
                            </ul>
                        </div>
                    </div>
                    <div id="proDatos">
                        <div id="tit">
                            <span class="right"><strong>S/.{$producto.precio}</strong>  <strong>$.{$producto.precio2}</strong></span>
                            <h2>{$producto.nombre}</h2>
                        </div>
                        <section class="tabs">
                            <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
                            <label for="tab-1" class="tab-label-1">Descripción</label>
                            <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
                            <label for="tab-2" class="tab-label-2">Restricciones</label>
                            <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
                            <label for="tab-3" class="tab-label-3">Delivery</label>
                            <div class="clear-shadow"></div>
                            <div class="content">
                                <div class="jp-container content-1">
                                    <!--h3>Características del Producto</h3-->
                                    {if $mensaje->me_estado eq 1}
                                        {if $positivo eq 1 }
                                        <span style="float:left;font-size:14px;font-weight:bold;text-align:center;width:375px;">
                                            {$mensaje->me_texto_positivo} <br />
                                            <a style="text-decoration:underline;color:#593008" href="{$mensaje->me_url_positivo}">ver otros productos disponibles</a><br /><br />
                                        </span>
                                        {else}
                                        <span style="float:left;font-size:14px;font-weight:bold;text-align:center;width:375px;">
                                            {$mensaje->me_texto_negativo} <br />
                                            <a style="text-decoration:underline;color:#593008" href="{$mensaje->me_url_negativo}">ver productos disponibles</a><br /><br />
                                        </span>
                                        {/if}
                                    {/if}
                                    {$producto.descripcion}
                                </div>
                                <div class="jp-container content-2">
                                    <!--h3>Restricciones</h3-->
                                    {$producto.restriccion}
                                </div>
                                <div class="jp-container content-3">
                                    <!--h3>Delivery</h3-->
                                    {foreach from=$delivery item=deli}
                                    <p> S/. {$deli->del_precio} - {$deli->del_distrito} </p> 
                                    {/foreach}
                                </div>
                            </div>
                        </section>
                        <div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="float:right;margin-top:15px">
                            <a class="addthis_button_facebook"></a>
                            <a class="addthis_button_twitter"></a>
                            <a class="addthis_button_email"></a>
                        </div>
                        <a href="{$smarty.const.WEB_ROOT}/svc/agregar-carrito/{$producto.id}/{$producto.precio2}" class="btnAgregar_dos"></a>
                    </div>
                </div>
            </div>
            <div class="buscador"><div class="ofertas"> Productos Destacados </div></div>
            {$Slider}
        </div>
        <div class="clear"></div>
    </div>
</div>

